<template>
  <div id="app">
    <router-view></router-view>
    <!-- <OneOfAssessment :thing="thing"/> -->
    <!-- <ViewDetails/> -->
  </div>
</template>

<script>
import ViewDetails from "./components2/ViewDetails.vue";
import OneOfAssessment from "./components/OneOfAssessment.vue";
export default {
  name: "App",
  components: {
    ViewDetails,
    OneOfAssessment,
  },
  data() {
    return {
      thing: {
        classId: 1,
        courseName: 2,
        teacherName: 3,
        evaluationContext: 4,
      },
    };
  },
};
</script>
<style scoped>
@media screen and (max-width: 1024px) {
  html {
    font-size: 42.66px !important;
  }
}
@media screen and (min-width: 2560px) {
  html {
    font-size: 106.66px !important;
  }
}
</style>